<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="Content-Language" content="zh-cn">
        <meta name="apple-mobile-web-app-capable" content="no"/>
        <meta name="apple-touch-fullscreen" content="yes"/>
        <meta name="format-detection" content="telephone=no,email=no"/>
        <meta name="apple-mobile-web-app-status-bar-style" content="white">
        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
        <meta http-equiv="Expires" content="0">
        <meta http-equiv="Pragma" content="no-cache">
        <meta http-equiv="Cache-control" content="no-cache">
        <meta http-equiv="Cache" content="no-cache">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <title>银联扫码</title>
        <style>
            [aos][aos][aos-easing=linear], body[aos-easing=linear] [aos] {
                -webkit-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
                transition-timing-function: cubic-bezier(.25, .25, .75, .75)
            }

            [aos][aos][aos-easing=ease], body[aos-easing=ease] [aos] {
                -webkit-transition-timing-function: cubic-bezier(.25, .1, .25, 1);
                transition-timing-function: cubic-bezier(.25, .1, .25, 1)
            }

            [aos][aos][aos-easing=ease-in], body[aos-easing=ease-in] [aos] {
                -webkit-transition-timing-function: cubic-bezier(.42, 0, 1, 1);
                transition-timing-function: cubic-bezier(.42, 0, 1, 1)
            }

            [aos][aos][aos-easing=ease-out], body[aos-easing=ease-out] [aos] {
                -webkit-transition-timing-function: cubic-bezier(0, 0, .58, 1);
                transition-timing-function: cubic-bezier(0, 0, .58, 1)
            }

            [aos][aos][aos-easing=ease-in-out], body[aos-easing=ease-in-out] [aos] {
                -webkit-transition-timing-function: cubic-bezier(.42, 0, .58, 1);
                transition-timing-function: cubic-bezier(.42, 0, .58, 1)
            }

            [aos][aos][aos-easing=ease-in-back], body[aos-easing=ease-in-back] [aos] {
                -webkit-transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
                transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
            }

            [aos][aos][aos-easing=ease-out-back], body[aos-easing=ease-out-back] [aos] {
                -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
                transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
            }

            [aos][aos][aos-easing=ease-in-out-back], body[aos-easing=ease-in-out-back] [aos] {
                -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
                transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
            }

            [aos][aos][aos-easing=ease-in-sine], body[aos-easing=ease-in-sine] [aos] {
                -webkit-transition-timing-function: cubic-bezier(.47, 0, .745, .715);
                transition-timing-function: cubic-bezier(.47, 0, .745, .715)
            }

            [aos][aos][aos-easing=ease-out-sine], body[aos-easing=ease-out-sine] [aos] {
                -webkit-transition-timing-function: cubic-bezier(.39, .575, .565, 1);
                transition-timing-function: cubic-bezier(.39, .575, .565, 1)
            }

            [aos][aos][aos-easing=ease-in-out-sine], body[aos-easing=ease-in-out-sine] [aos] {
                -webkit-transition-timing-function: cubic-bezier(.445, .05, .55, .95);
                transition-timing-function: cubic-bezier(.445, .05, .55, .95)
            }

            [aos][aos][aos-easing=ease-in-quad], [aos][aos][aos-easing=ease-in-cubic], [aos][aos][aos-easing=ease-in-quart], body[aos-easing=ease-in-quad] [aos], body[aos-easing=ease-in-cubic] [aos], body[aos-easing=ease-in-quart] [aos] {
                -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
                transition-timing-function: cubic-bezier(.55, .085, .68, .53)
            }

            [aos][aos][aos-easing=ease-out-quad], [aos][aos][aos-easing=ease-out-cubic], [aos][aos][aos-easing=ease-out-quart], body[aos-easing=ease-out-quad] [aos], body[aos-easing=ease-out-cubic] [aos], body[aos-easing=ease-out-quart] [aos] {
                -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
                transition-timing-function: cubic-bezier(.25, .46, .45, .94)
            }

            [aos][aos][aos-easing=ease-in-out-quad], [aos][aos][aos-easing=ease-in-out-cubic], [aos][aos][aos-easing=ease-in-out-quart], body[aos-easing=ease-in-out-quad] [aos], body[aos-easing=ease-in-out-cubic] [aos], body[aos-easing=ease-in-out-quart] [aos] {
                -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
                transition-timing-function: cubic-bezier(.455, .03, .515, .955)
            }

            [aos][aos][aos-duration='50'], body[aos-duration='50'] [aos] {
                -webkit-transition-duration: 50ms;
                transition-duration: 50ms
            }

            [aos][aos][aos-duration='100'], body[aos-duration='100'] [aos] {
                -webkit-transition-duration: .1s;
                transition-duration: .1s
            }

            [aos][aos][aos-duration='150'], body[aos-duration='150'] [aos] {
                -webkit-transition-duration: 150ms;
                transition-duration: 150ms
            }

            [aos][aos][aos-duration='200'], body[aos-duration='200'] [aos] {
                -webkit-transition-duration: .2s;
                transition-duration: .2s
            }

            [aos][aos][aos-duration='250'], body[aos-duration='250'] [aos] {
                -webkit-transition-duration: 250ms;
                transition-duration: 250ms
            }

            [aos][aos][aos-duration='300'], body[aos-duration='300'] [aos] {
                -webkit-transition-duration: .3s;
                transition-duration: .3s
            }

            [aos][aos][aos-duration='350'], body[aos-duration='350'] [aos] {
                -webkit-transition-duration: 350ms;
                transition-duration: 350ms
            }

            [aos][aos][aos-duration='400'], body[aos-duration='400'] [aos] {
                -webkit-transition-duration: .4s;
                transition-duration: .4s
            }

            [aos][aos][aos-duration='450'], body[aos-duration='450'] [aos] {
                -webkit-transition-duration: 450ms;
                transition-duration: 450ms
            }

            [aos][aos][aos-duration='500'], body[aos-duration='500'] [aos] {
                -webkit-transition-duration: .5s;
                transition-duration: .5s
            }

            [aos][aos][aos-duration='550'], body[aos-duration='550'] [aos] {
                -webkit-transition-duration: 550ms;
                transition-duration: 550ms
            }

            [aos][aos][aos-duration='600'], body[aos-duration='600'] [aos] {
                -webkit-transition-duration: .6s;
                transition-duration: .6s
            }

            [aos][aos][aos-duration='650'], body[aos-duration='650'] [aos] {
                -webkit-transition-duration: 650ms;
                transition-duration: 650ms
            }

            [aos][aos][aos-duration='700'], body[aos-duration='700'] [aos] {
                -webkit-transition-duration: .7s;
                transition-duration: .7s
            }

            [aos][aos][aos-duration='750'], body[aos-duration='750'] [aos] {
                -webkit-transition-duration: 750ms;
                transition-duration: 750ms
            }

            [aos][aos][aos-duration='800'], body[aos-duration='800'] [aos] {
                -webkit-transition-duration: .8s;
                transition-duration: .8s
            }

            [aos][aos][aos-duration='850'], body[aos-duration='850'] [aos] {
                -webkit-transition-duration: 850ms;
                transition-duration: 850ms
            }

            [aos][aos][aos-duration='900'], body[aos-duration='900'] [aos] {
                -webkit-transition-duration: .9s;
                transition-duration: .9s
            }

            [aos][aos][aos-duration='950'], body[aos-duration='950'] [aos] {
                -webkit-transition-duration: 950ms;
                transition-duration: 950ms
            }

            [aos][aos][aos-duration='1000'], body[aos-duration='1000'] [aos] {
                -webkit-transition-duration: 1s;
                transition-duration: 1s
            }

            [aos][aos][aos-duration='1050'], body[aos-duration='1050'] [aos] {
                -webkit-transition-duration: 1.05s;
                transition-duration: 1.05s
            }

            [aos][aos][aos-duration='1100'], body[aos-duration='1100'] [aos] {
                -webkit-transition-duration: 1.1s;
                transition-duration: 1.1s
            }

            [aos][aos][aos-duration='1150'], body[aos-duration='1150'] [aos] {
                -webkit-transition-duration: 1.15s;
                transition-duration: 1.15s
            }

            [aos][aos][aos-duration='1200'], body[aos-duration='1200'] [aos] {
                -webkit-transition-duration: 1.2s;
                transition-duration: 1.2s
            }

            [aos][aos][aos-duration='1250'], body[aos-duration='1250'] [aos] {
                -webkit-transition-duration: 1.25s;
                transition-duration: 1.25s
            }

            [aos][aos][aos-duration='1300'], body[aos-duration='1300'] [aos] {
                -webkit-transition-duration: 1.3s;
                transition-duration: 1.3s
            }

            [aos][aos][aos-duration='1350'], body[aos-duration='1350'] [aos] {
                -webkit-transition-duration: 1.35s;
                transition-duration: 1.35s
            }

            [aos][aos][aos-duration='1400'], body[aos-duration='1400'] [aos] {
                -webkit-transition-duration: 1.4s;
                transition-duration: 1.4s
            }

            [aos][aos][aos-duration='1450'], body[aos-duration='1450'] [aos] {
                -webkit-transition-duration: 1.45s;
                transition-duration: 1.45s
            }

            [aos][aos][aos-duration='1500'], body[aos-duration='1500'] [aos] {
                -webkit-transition-duration: 1.5s;
                transition-duration: 1.5s
            }

            [aos][aos][aos-duration='1550'], body[aos-duration='1550'] [aos] {
                -webkit-transition-duration: 1.55s;
                transition-duration: 1.55s
            }

            [aos][aos][aos-duration='1600'], body[aos-duration='1600'] [aos] {
                -webkit-transition-duration: 1.6s;
                transition-duration: 1.6s
            }

            [aos][aos][aos-duration='1650'], body[aos-duration='1650'] [aos] {
                -webkit-transition-duration: 1.65s;
                transition-duration: 1.65s
            }

            [aos][aos][aos-duration='1700'], body[aos-duration='1700'] [aos] {
                -webkit-transition-duration: 1.7s;
                transition-duration: 1.7s
            }

            [aos][aos][aos-duration='1750'], body[aos-duration='1750'] [aos] {
                -webkit-transition-duration: 1.75s;
                transition-duration: 1.75s
            }

            [aos][aos][aos-duration='1800'], body[aos-duration='1800'] [aos] {
                -webkit-transition-duration: 1.8s;
                transition-duration: 1.8s
            }

            [aos][aos][aos-duration='1850'], body[aos-duration='1850'] [aos] {
                -webkit-transition-duration: 1.85s;
                transition-duration: 1.85s
            }

            [aos][aos][aos-duration='1900'], body[aos-duration='1900'] [aos] {
                -webkit-transition-duration: 1.9s;
                transition-duration: 1.9s
            }

            [aos][aos][aos-duration='1950'], body[aos-duration='1950'] [aos] {
                -webkit-transition-duration: 1.95s;
                transition-duration: 1.95s
            }

            [aos][aos][aos-duration='2000'], body[aos-duration='2000'] [aos] {
                -webkit-transition-duration: 2s;
                transition-duration: 2s
            }

            [aos][aos][aos-duration='2050'], body[aos-duration='2050'] [aos] {
                -webkit-transition-duration: 2.05s;
                transition-duration: 2.05s
            }

            [aos][aos][aos-duration='2100'], body[aos-duration='2100'] [aos] {
                -webkit-transition-duration: 2.1s;
                transition-duration: 2.1s
            }

            [aos][aos][aos-duration='2150'], body[aos-duration='2150'] [aos] {
                -webkit-transition-duration: 2.15s;
                transition-duration: 2.15s
            }

            [aos][aos][aos-duration='2200'], body[aos-duration='2200'] [aos] {
                -webkit-transition-duration: 2.2s;
                transition-duration: 2.2s
            }

            [aos][aos][aos-duration='2250'], body[aos-duration='2250'] [aos] {
                -webkit-transition-duration: 2.25s;
                transition-duration: 2.25s
            }

            [aos][aos][aos-duration='2300'], body[aos-duration='2300'] [aos] {
                -webkit-transition-duration: 2.3s;
                transition-duration: 2.3s
            }

            [aos][aos][aos-duration='2350'], body[aos-duration='2350'] [aos] {
                -webkit-transition-duration: 2.35s;
                transition-duration: 2.35s
            }

            [aos][aos][aos-duration='2400'], body[aos-duration='2400'] [aos] {
                -webkit-transition-duration: 2.4s;
                transition-duration: 2.4s
            }

            [aos][aos][aos-duration='2450'], body[aos-duration='2450'] [aos] {
                -webkit-transition-duration: 2.45s;
                transition-duration: 2.45s
            }

            [aos][aos][aos-duration='2500'], body[aos-duration='2500'] [aos] {
                -webkit-transition-duration: 2.5s;
                transition-duration: 2.5s
            }

            [aos][aos][aos-duration='2550'], body[aos-duration='2550'] [aos] {
                -webkit-transition-duration: 2.55s;
                transition-duration: 2.55s
            }

            [aos][aos][aos-duration='2600'], body[aos-duration='2600'] [aos] {
                -webkit-transition-duration: 2.6s;
                transition-duration: 2.6s
            }

            [aos][aos][aos-duration='2650'], body[aos-duration='2650'] [aos] {
                -webkit-transition-duration: 2.65s;
                transition-duration: 2.65s
            }

            [aos][aos][aos-duration='2700'], body[aos-duration='2700'] [aos] {
                -webkit-transition-duration: 2.7s;
                transition-duration: 2.7s
            }

            [aos][aos][aos-duration='2750'], body[aos-duration='2750'] [aos] {
                -webkit-transition-duration: 2.75s;
                transition-duration: 2.75s
            }

            [aos][aos][aos-duration='2800'], body[aos-duration='2800'] [aos] {
                -webkit-transition-duration: 2.8s;
                transition-duration: 2.8s
            }

            [aos][aos][aos-duration='2850'], body[aos-duration='2850'] [aos] {
                -webkit-transition-duration: 2.85s;
                transition-duration: 2.85s
            }

            [aos][aos][aos-duration='2900'], body[aos-duration='2900'] [aos] {
                -webkit-transition-duration: 2.9s;
                transition-duration: 2.9s
            }

            [aos][aos][aos-duration='2950'], body[aos-duration='2950'] [aos] {
                -webkit-transition-duration: 2.95s;
                transition-duration: 2.95s
            }

            [aos][aos][aos-duration='3000'], body[aos-duration='3000'] [aos] {
                -webkit-transition-duration: 3s;
                transition-duration: 3s
            }

            [aos][aos][aos-delay='50'], body[aos-delay='50'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='50'].aos-animate, body[aos-delay='50'] [aos].aos-animate {
                -webkit-transition-delay: 50ms;
                transition-delay: 50ms
            }

            [aos][aos][aos-delay='100'], body[aos-delay='100'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='100'].aos-animate, body[aos-delay='100'] [aos].aos-animate {
                -webkit-transition-delay: .1s;
                transition-delay: .1s
            }

            [aos][aos][aos-delay='150'], body[aos-delay='150'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='150'].aos-animate, body[aos-delay='150'] [aos].aos-animate {
                -webkit-transition-delay: 150ms;
                transition-delay: 150ms
            }

            [aos][aos][aos-delay='200'], body[aos-delay='200'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='200'].aos-animate, body[aos-delay='200'] [aos].aos-animate {
                -webkit-transition-delay: .2s;
                transition-delay: .2s
            }

            [aos][aos][aos-delay='250'], body[aos-delay='250'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='250'].aos-animate, body[aos-delay='250'] [aos].aos-animate {
                -webkit-transition-delay: 250ms;
                transition-delay: 250ms
            }

            [aos][aos][aos-delay='300'], body[aos-delay='300'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='300'].aos-animate, body[aos-delay='300'] [aos].aos-animate {
                -webkit-transition-delay: .3s;
                transition-delay: .3s
            }

            [aos][aos][aos-delay='350'], body[aos-delay='350'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='350'].aos-animate, body[aos-delay='350'] [aos].aos-animate {
                -webkit-transition-delay: 350ms;
                transition-delay: 350ms
            }

            [aos][aos][aos-delay='400'], body[aos-delay='400'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='400'].aos-animate, body[aos-delay='400'] [aos].aos-animate {
                -webkit-transition-delay: .4s;
                transition-delay: .4s
            }

            [aos][aos][aos-delay='450'], body[aos-delay='450'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='450'].aos-animate, body[aos-delay='450'] [aos].aos-animate {
                -webkit-transition-delay: 450ms;
                transition-delay: 450ms
            }

            [aos][aos][aos-delay='500'], body[aos-delay='500'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='500'].aos-animate, body[aos-delay='500'] [aos].aos-animate {
                -webkit-transition-delay: .5s;
                transition-delay: .5s
            }

            [aos][aos][aos-delay='550'], body[aos-delay='550'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='550'].aos-animate, body[aos-delay='550'] [aos].aos-animate {
                -webkit-transition-delay: 550ms;
                transition-delay: 550ms
            }

            [aos][aos][aos-delay='600'], body[aos-delay='600'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='600'].aos-animate, body[aos-delay='600'] [aos].aos-animate {
                -webkit-transition-delay: .6s;
                transition-delay: .6s
            }

            [aos][aos][aos-delay='650'], body[aos-delay='650'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='650'].aos-animate, body[aos-delay='650'] [aos].aos-animate {
                -webkit-transition-delay: 650ms;
                transition-delay: 650ms
            }

            [aos][aos][aos-delay='700'], body[aos-delay='700'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='700'].aos-animate, body[aos-delay='700'] [aos].aos-animate {
                -webkit-transition-delay: .7s;
                transition-delay: .7s
            }

            [aos][aos][aos-delay='750'], body[aos-delay='750'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='750'].aos-animate, body[aos-delay='750'] [aos].aos-animate {
                -webkit-transition-delay: 750ms;
                transition-delay: 750ms
            }

            [aos][aos][aos-delay='800'], body[aos-delay='800'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='800'].aos-animate, body[aos-delay='800'] [aos].aos-animate {
                -webkit-transition-delay: .8s;
                transition-delay: .8s
            }

            [aos][aos][aos-delay='850'], body[aos-delay='850'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='850'].aos-animate, body[aos-delay='850'] [aos].aos-animate {
                -webkit-transition-delay: 850ms;
                transition-delay: 850ms
            }

            [aos][aos][aos-delay='900'], body[aos-delay='900'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='900'].aos-animate, body[aos-delay='900'] [aos].aos-animate {
                -webkit-transition-delay: .9s;
                transition-delay: .9s
            }

            [aos][aos][aos-delay='950'], body[aos-delay='950'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='950'].aos-animate, body[aos-delay='950'] [aos].aos-animate {
                -webkit-transition-delay: 950ms;
                transition-delay: 950ms
            }

            [aos][aos][aos-delay='1000'], body[aos-delay='1000'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='1000'].aos-animate, body[aos-delay='1000'] [aos].aos-animate {
                -webkit-transition-delay: 1s;
                transition-delay: 1s
            }

            [aos][aos][aos-delay='1050'], body[aos-delay='1050'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='1050'].aos-animate, body[aos-delay='1050'] [aos].aos-animate {
                -webkit-transition-delay: 1.05s;
                transition-delay: 1.05s
            }

            [aos][aos][aos-delay='1100'], body[aos-delay='1100'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='1100'].aos-animate, body[aos-delay='1100'] [aos].aos-animate {
                -webkit-transition-delay: 1.1s;
                transition-delay: 1.1s
            }

            [aos][aos][aos-delay='1150'], body[aos-delay='1150'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='1150'].aos-animate, body[aos-delay='1150'] [aos].aos-animate {
                -webkit-transition-delay: 1.15s;
                transition-delay: 1.15s
            }

            [aos][aos][aos-delay='1200'], body[aos-delay='1200'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='1200'].aos-animate, body[aos-delay='1200'] [aos].aos-animate {
                -webkit-transition-delay: 1.2s;
                transition-delay: 1.2s
            }

            [aos][aos][aos-delay='1250'], body[aos-delay='1250'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='1250'].aos-animate, body[aos-delay='1250'] [aos].aos-animate {
                -webkit-transition-delay: 1.25s;
                transition-delay: 1.25s
            }

            [aos][aos][aos-delay='1300'], body[aos-delay='1300'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='1300'].aos-animate, body[aos-delay='1300'] [aos].aos-animate {
                -webkit-transition-delay: 1.3s;
                transition-delay: 1.3s
            }

            [aos][aos][aos-delay='1350'], body[aos-delay='1350'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='1350'].aos-animate, body[aos-delay='1350'] [aos].aos-animate {
                -webkit-transition-delay: 1.35s;
                transition-delay: 1.35s
            }

            [aos][aos][aos-delay='1400'], body[aos-delay='1400'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='1400'].aos-animate, body[aos-delay='1400'] [aos].aos-animate {
                -webkit-transition-delay: 1.4s;
                transition-delay: 1.4s
            }

            [aos][aos][aos-delay='1450'], body[aos-delay='1450'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='1450'].aos-animate, body[aos-delay='1450'] [aos].aos-animate {
                -webkit-transition-delay: 1.45s;
                transition-delay: 1.45s
            }

            [aos][aos][aos-delay='1500'], body[aos-delay='1500'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='1500'].aos-animate, body[aos-delay='1500'] [aos].aos-animate {
                -webkit-transition-delay: 1.5s;
                transition-delay: 1.5s
            }

            [aos][aos][aos-delay='1550'], body[aos-delay='1550'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='1550'].aos-animate, body[aos-delay='1550'] [aos].aos-animate {
                -webkit-transition-delay: 1.55s;
                transition-delay: 1.55s
            }

            [aos][aos][aos-delay='1600'], body[aos-delay='1600'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='1600'].aos-animate, body[aos-delay='1600'] [aos].aos-animate {
                -webkit-transition-delay: 1.6s;
                transition-delay: 1.6s
            }

            [aos][aos][aos-delay='1650'], body[aos-delay='1650'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='1650'].aos-animate, body[aos-delay='1650'] [aos].aos-animate {
                -webkit-transition-delay: 1.65s;
                transition-delay: 1.65s
            }

            [aos][aos][aos-delay='1700'], body[aos-delay='1700'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='1700'].aos-animate, body[aos-delay='1700'] [aos].aos-animate {
                -webkit-transition-delay: 1.7s;
                transition-delay: 1.7s
            }

            [aos][aos][aos-delay='1750'], body[aos-delay='1750'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='1750'].aos-animate, body[aos-delay='1750'] [aos].aos-animate {
                -webkit-transition-delay: 1.75s;
                transition-delay: 1.75s
            }

            [aos][aos][aos-delay='1800'], body[aos-delay='1800'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='1800'].aos-animate, body[aos-delay='1800'] [aos].aos-animate {
                -webkit-transition-delay: 1.8s;
                transition-delay: 1.8s
            }

            [aos][aos][aos-delay='1850'], body[aos-delay='1850'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='1850'].aos-animate, body[aos-delay='1850'] [aos].aos-animate {
                -webkit-transition-delay: 1.85s;
                transition-delay: 1.85s
            }

            [aos][aos][aos-delay='1900'], body[aos-delay='1900'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='1900'].aos-animate, body[aos-delay='1900'] [aos].aos-animate {
                -webkit-transition-delay: 1.9s;
                transition-delay: 1.9s
            }

            [aos][aos][aos-delay='1950'], body[aos-delay='1950'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='1950'].aos-animate, body[aos-delay='1950'] [aos].aos-animate {
                -webkit-transition-delay: 1.95s;
                transition-delay: 1.95s
            }

            [aos][aos][aos-delay='2000'], body[aos-delay='2000'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='2000'].aos-animate, body[aos-delay='2000'] [aos].aos-animate {
                -webkit-transition-delay: 2s;
                transition-delay: 2s
            }

            [aos][aos][aos-delay='2050'], body[aos-delay='2050'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='2050'].aos-animate, body[aos-delay='2050'] [aos].aos-animate {
                -webkit-transition-delay: 2.05s;
                transition-delay: 2.05s
            }

            [aos][aos][aos-delay='2100'], body[aos-delay='2100'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='2100'].aos-animate, body[aos-delay='2100'] [aos].aos-animate {
                -webkit-transition-delay: 2.1s;
                transition-delay: 2.1s
            }

            [aos][aos][aos-delay='2150'], body[aos-delay='2150'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='2150'].aos-animate, body[aos-delay='2150'] [aos].aos-animate {
                -webkit-transition-delay: 2.15s;
                transition-delay: 2.15s
            }

            [aos][aos][aos-delay='2200'], body[aos-delay='2200'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='2200'].aos-animate, body[aos-delay='2200'] [aos].aos-animate {
                -webkit-transition-delay: 2.2s;
                transition-delay: 2.2s
            }

            [aos][aos][aos-delay='2250'], body[aos-delay='2250'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='2250'].aos-animate, body[aos-delay='2250'] [aos].aos-animate {
                -webkit-transition-delay: 2.25s;
                transition-delay: 2.25s
            }

            [aos][aos][aos-delay='2300'], body[aos-delay='2300'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='2300'].aos-animate, body[aos-delay='2300'] [aos].aos-animate {
                -webkit-transition-delay: 2.3s;
                transition-delay: 2.3s
            }

            [aos][aos][aos-delay='2350'], body[aos-delay='2350'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='2350'].aos-animate, body[aos-delay='2350'] [aos].aos-animate {
                -webkit-transition-delay: 2.35s;
                transition-delay: 2.35s
            }

            [aos][aos][aos-delay='2400'], body[aos-delay='2400'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='2400'].aos-animate, body[aos-delay='2400'] [aos].aos-animate {
                -webkit-transition-delay: 2.4s;
                transition-delay: 2.4s
            }

            [aos][aos][aos-delay='2450'], body[aos-delay='2450'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='2450'].aos-animate, body[aos-delay='2450'] [aos].aos-animate {
                -webkit-transition-delay: 2.45s;
                transition-delay: 2.45s
            }

            [aos][aos][aos-delay='2500'], body[aos-delay='2500'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='2500'].aos-animate, body[aos-delay='2500'] [aos].aos-animate {
                -webkit-transition-delay: 2.5s;
                transition-delay: 2.5s
            }

            [aos][aos][aos-delay='2550'], body[aos-delay='2550'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='2550'].aos-animate, body[aos-delay='2550'] [aos].aos-animate {
                -webkit-transition-delay: 2.55s;
                transition-delay: 2.55s
            }

            [aos][aos][aos-delay='2600'], body[aos-delay='2600'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='2600'].aos-animate, body[aos-delay='2600'] [aos].aos-animate {
                -webkit-transition-delay: 2.6s;
                transition-delay: 2.6s
            }

            [aos][aos][aos-delay='2650'], body[aos-delay='2650'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='2650'].aos-animate, body[aos-delay='2650'] [aos].aos-animate {
                -webkit-transition-delay: 2.65s;
                transition-delay: 2.65s
            }

            [aos][aos][aos-delay='2700'], body[aos-delay='2700'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='2700'].aos-animate, body[aos-delay='2700'] [aos].aos-animate {
                -webkit-transition-delay: 2.7s;
                transition-delay: 2.7s
            }

            [aos][aos][aos-delay='2750'], body[aos-delay='2750'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='2750'].aos-animate, body[aos-delay='2750'] [aos].aos-animate {
                -webkit-transition-delay: 2.75s;
                transition-delay: 2.75s
            }

            [aos][aos][aos-delay='2800'], body[aos-delay='2800'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='2800'].aos-animate, body[aos-delay='2800'] [aos].aos-animate {
                -webkit-transition-delay: 2.8s;
                transition-delay: 2.8s
            }

            [aos][aos][aos-delay='2850'], body[aos-delay='2850'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='2850'].aos-animate, body[aos-delay='2850'] [aos].aos-animate {
                -webkit-transition-delay: 2.85s;
                transition-delay: 2.85s
            }

            [aos][aos][aos-delay='2900'], body[aos-delay='2900'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='2900'].aos-animate, body[aos-delay='2900'] [aos].aos-animate {
                -webkit-transition-delay: 2.9s;
                transition-delay: 2.9s
            }

            [aos][aos][aos-delay='2950'], body[aos-delay='2950'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='2950'].aos-animate, body[aos-delay='2950'] [aos].aos-animate {
                -webkit-transition-delay: 2.95s;
                transition-delay: 2.95s
            }

            [aos][aos][aos-delay='3000'], body[aos-delay='3000'] [aos] {
                -webkit-transition-delay: 0;
                transition-delay: 0
            }

            [aos][aos][aos-delay='3000'].aos-animate, body[aos-delay='3000'] [aos].aos-animate {
                -webkit-transition-delay: 3s;
                transition-delay: 3s
            }

            [aos^=fade][aos^=fade] {
                opacity: 0;
                -webkit-transition-property: all;
                transition-property: all
            }

            [aos^=fade][aos^=fade].aos-animate {
                opacity: 1
            }

            [aos=fade-up] {
                -webkit-transform: translate(0, 100px);
                -ms-transform: translate(0, 100px);
                transform: translate(0, 100px)
            }

            [aos=fade-up].aos-animate {
                -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                transform: translate(0, 0)
            }

            [aos=fade-down] {
                -webkit-transform: translate(0, -100px);
                -ms-transform: translate(0, -100px);
                transform: translate(0, -100px)
            }

            [aos=fade-down].aos-animate {
                -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                transform: translate(0, 0)
            }

            [aos=fade-right] {
                -webkit-transform: translate(-100px, 0);
                -ms-transform: translate(-100px, 0);
                transform: translate(-100px, 0)
            }

            [aos=fade-right].aos-animate {
                -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                transform: translate(0, 0)
            }

            [aos=fade-left] {
                -webkit-transform: translate(100px, 0);
                -ms-transform: translate(100px, 0);
                transform: translate(100px, 0)
            }

            [aos=fade-left].aos-animate {
                -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                transform: translate(0, 0)
            }

            [aos=fade-up-right] {
                -webkit-transform: translate(-100px, 100px);
                -ms-transform: translate(-100px, 100px);
                transform: translate(-100px, 100px)
            }

            [aos=fade-up-right].aos-animate {
                -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                transform: translate(0, 0)
            }

            [aos=fade-up-left] {
                -webkit-transform: translate(100px, 100px);
                -ms-transform: translate(100px, 100px);
                transform: translate(100px, 100px)
            }

            [aos=fade-up-left].aos-animate {
                -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                transform: translate(0, 0)
            }

            [aos=fade-down-right] {
                -webkit-transform: translate(-100px, -100px);
                -ms-transform: translate(-100px, -100px);
                transform: translate(-100px, -100px)
            }

            [aos=fade-down-right].aos-animate {
                -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                transform: translate(0, 0)
            }

            [aos=fade-down-left] {
                -webkit-transform: translate(100px, -100px);
                -ms-transform: translate(100px, -100px);
                transform: translate(100px, -100px)
            }

            [aos=fade-down-left].aos-animate {
                -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                transform: translate(0, 0)
            }

            [aos^=zoom][aos^=zoom] {
                opacity: 0;
                -webkit-transition-property: all;
                transition-property: all
            }

            [aos^=zoom][aos^=zoom].aos-animate {
                opacity: 1
            }

            [aos=zoom-in] {
                -webkit-transform: scale(.6);
                -ms-transform: scale(.6);
                transform: scale(.6)
            }

            [aos=zoom-in].aos-animate {
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

            [aos=zoom-in-up] {
                -webkit-transform: translate(0, 100px) scale(.6);
                -ms-transform: translate(0, 100px) scale(.6);
                transform: translate(0, 100px) scale(.6)
            }

            [aos=zoom-in-up].aos-animate {
                -webkit-transform: translate(0, 0) scale(1);
                -ms-transform: translate(0, 0) scale(1);
                transform: translate(0, 0) scale(1)
            }

            [aos=zoom-in-down] {
                -webkit-transform: translate(0, -100px) scale(.6);
                -ms-transform: translate(0, -100px) scale(.6);
                transform: translate(0, -100px) scale(.6)
            }

            [aos=zoom-in-down].aos-animate {
                -webkit-transform: translate(0, 0) scale(1);
                -ms-transform: translate(0, 0) scale(1);
                transform: translate(0, 0) scale(1)
            }

            [aos=zoom-in-right] {
                -webkit-transform: translate(-100px, 0) scale(.6);
                -ms-transform: translate(-100px, 0) scale(.6);
                transform: translate(-100px, 0) scale(.6)
            }

            [aos=zoom-in-right].aos-animate {
                -webkit-transform: translate(0, 0) scale(1);
                -ms-transform: translate(0, 0) scale(1);
                transform: translate(0, 0) scale(1)
            }

            [aos=zoom-in-left] {
                -webkit-transform: translate(100px, 0) scale(.6);
                -ms-transform: translate(100px, 0) scale(.6);
                transform: translate(100px, 0) scale(.6)
            }

            [aos=zoom-in-left].aos-animate {
                -webkit-transform: translate(0, 0) scale(1);
                -ms-transform: translate(0, 0) scale(1);
                transform: translate(0, 0) scale(1)
            }

            [aos=zoom-out] {
                -webkit-transform: scale(1.2);
                -ms-transform: scale(1.2);
                transform: scale(1.2)
            }

            [aos=zoom-out].aos-animate {
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transform: scale(1)
            }

            [aos=zoom-out-up] {
                -webkit-transform: translate(0, 100px) scale(1.2);
                -ms-transform: translate(0, 100px) scale(1.2);
                transform: translate(0, 100px) scale(1.2)
            }

            [aos=zoom-out-up].aos-animate {
                -webkit-transform: translate(0, 0) scale(1);
                -ms-transform: translate(0, 0) scale(1);
                transform: translate(0, 0) scale(1)
            }

            [aos=zoom-out-down] {
                -webkit-transform: translate(0, -100px) scale(1.2);
                -ms-transform: translate(0, -100px) scale(1.2);
                transform: translate(0, -100px) scale(1.2)
            }

            [aos=zoom-out-down].aos-animate {
                -webkit-transform: translate(0, 0) scale(1);
                -ms-transform: translate(0, 0) scale(1);
                transform: translate(0, 0) scale(1)
            }

            [aos=zoom-out-right] {
                -webkit-transform: translate(-100px, 0) scale(1.2);
                -ms-transform: translate(-100px, 0) scale(1.2);
                transform: translate(-100px, 0) scale(1.2)
            }

            [aos=zoom-out-right].aos-animate {
                -webkit-transform: translate(0, 0) scale(1);
                -ms-transform: translate(0, 0) scale(1);
                transform: translate(0, 0) scale(1)
            }

            [aos=zoom-out-left] {
                -webkit-transform: translate(100px, 0) scale(1.2);
                -ms-transform: translate(100px, 0) scale(1.2);
                transform: translate(100px, 0) scale(1.2)
            }

            [aos=zoom-out-left].aos-animate {
                -webkit-transform: translate(0, 0) scale(1);
                -ms-transform: translate(0, 0) scale(1);
                transform: translate(0, 0) scale(1)
            }

            [aos=slide-up] {
                -webkit-transform: translate(0, 100%);
                -ms-transform: translate(0, 100%);
                transform: translate(0, 100%)
            }

            [aos=slide-up].aos-animate {
                -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                transform: translate(0, 0)
            }

            [aos=slide-down] {
                -webkit-transform: translate(0, -100%);
                -ms-transform: translate(0, -100%);
                transform: translate(0, -100%)
            }

            [aos=slide-down].aos-animate {
                -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                transform: translate(0, 0)
            }

            [aos=slide-right] {
                -webkit-transform: translate(-100%, 0);
                -ms-transform: translate(-100%, 0);
                transform: translate(-100%, 0)
            }

            [aos=slide-right].aos-animate {
                -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                transform: translate(0, 0)
            }

            [aos=slide-left] {
                -webkit-transform: translate(100%, 0);
                -ms-transform: translate(100%, 0);
                transform: translate(100%, 0)
            }

            [aos=slide-left].aos-animate {
                -webkit-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                transform: translate(0, 0)
            }

            [aos^=flip] {
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden
            }

            [aos=flip-left] {
                -webkit-transform: perspective(2500px) rotateY(-100deg);
                transform: perspective(2500px) rotateY(-100deg)
            }

            [aos=flip-left].aos-animate {
                -webkit-transform: perspective(2500px) rotateY(0);
                transform: perspective(2500px) rotateY(0)
            }

            [aos=flip-right] {
                -webkit-transform: perspective(2500px) rotateY(100deg);
                transform: perspective(2500px) rotateY(100deg)
            }

            [aos=flip-right].aos-animate {
                -webkit-transform: perspective(2500px) rotateY(0);
                transform: perspective(2500px) rotateY(0)
            }

            [aos=flip-up] {
                -webkit-transform: perspective(2500px) rotateX(-100deg);
                transform: perspective(2500px) rotateX(-100deg)
            }

            [aos=flip-up].aos-animate {
                -webkit-transform: perspective(2500px) rotateX(0);
                transform: perspective(2500px) rotateX(0)
            }

            [aos=flip-down] {
                -webkit-transform: perspective(2500px) rotateX(100deg);
                transform: perspective(2500px) rotateX(100deg)
            }

            [aos=flip-down].aos-animate {
                -webkit-transform: perspective(2500px) rotateX(0);
                transform: perspective(2500px) rotateX(0)
            }

            /* Palette generated by Material Palette - materialpalette.com/indigo/pink */
            /* Base16 Atelier Sulphurpool Dark - Theme */
            /* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool) */
            /* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */
            /* Atelier-Sulphurpool Comment */
            .hljs-comment {
                color: #898ea4;
            }

            /* Atelier-Sulphurpool Red */
            .hljs-variable, .hljs-tag, .hljs-regexp, .hljs-name, .ruby .hljs-constant, .xml .hljs-tag .hljs-title, .xml .hljs-pi, .xml .hljs-doctype, .html .hljs-doctype, .css .hljs-id, .css .hljs-class, .css .hljs-pseudo {
                color: deepskyblue;
            }

            .hljs-attribute {
                color: lightskyblue;
            }

            /* Atelier-Sulphurpool Orange */
            .hljs-number, .hljs-preprocessor, .hljs-built_in, .hljs-literal, .hljs-params, .hljs-constant {
                color: #c76b29;
            }

            /* Atelier-Sulphurpool Yellow */
            .ruby .hljs-class .hljs-title, .css .hljs-rule .hljs-attribute {
                color: #c08b30;
            }

            /* Atelier-Sulphurpool Green */
            .hljs-string, .hljs-value, .hljs-inheritance, .hljs-header, .ruby .hljs-symbol, .xml .hljs-cdata {
                color: darkorange;
            }

            /* Atelier-Sulphurpool Aqua */
            .hljs-title, .css .hljs-hexcolor {
                color: #22a2c9;
            }

            /* Atelier-Sulphurpool Blue */
            .hljs-function, .python .hljs-decorator, .python .hljs-title, .ruby .hljs-function .hljs-title, .ruby .hljs-title .hljs-keyword, .perl .hljs-sub, .javascript .hljs-title, .coffeescript .hljs-title {
                color: #3d8fd1;
            }

            /* Atelier-Sulphurpool Purple */
            .hljs-keyword, .javascript .hljs-function {
                color: #6679cc;
            }

            .hljs {
                display: block;
                overflow-x: auto;
                background: #202746;
                color: #979db4;
                padding: 0.5em;
                -webkit-text-size-adjust: none;
            }

            .coffeescript .javascript, .javascript .xml, .tex .hljs-formula, .xml .javascript, .xml .vbscript, .xml .css, .xml .hljs-cdata {
                opacity: 0.5;
            }

            body {
                font-family: Helvetica, Tahoma;
                margin: 0;
                padding: 0;
                overflow-x: hidden;
            }

            *, *:before, *:after {
                box-sizing: border-box;
            }

            a {
                text-decoration: none;
                color: #FF4081;
            }

            /**
             * Backgrounds
             */
            .backgrounds {
                width: 100%;
                height: 100%;
                position: fixed;
                -webkit-transform: translateZ(0);
                transform: translateZ(0);
                z-index: -1;
            }

            .backgrounds .background {
                width: 100%;
                height: 100%;
                background-size: cover;
                position: absolute;
                left: 0;
                top: 0;
                background-attachment: fixed;
            }

            .overlay:after {
                content: '';
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                top: 0;
                background: #3F51B5;
                opacity: 0.8;
            }

            /**
             * Hero
             */
            .hero {
                width: 100%;
                height: 100vh;
                position: relative;
                overflow: hidden;
                color: #FFF;
                text-align: center;
            }

            .hero-center {
                width: 100%;
                position: absolute;
                top: 40%;
                left: 0;
                -webkit-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
            }

            .hero__logo {
                font-size: 60px;
                color: rgba(0, 0, 0, 0.5);
            }

            .hero__text {
                font-weight: normal;
                opacity: 0.8;
            }

            .hero__scroll {
                position: absolute;
                bottom: 60px;
                width: 200px;
                margin: auto;
                display: block;
                cursor: pointer;
                padding-bottom: 40px;
                left: 0;
                right: 0;
                text-transform: uppercase;
            }

            .hero__scroll .chevron {
                margin-top: 20px;
                display: block;
                -webkit-animation: pulse 2s infinite;
                animation: pulse 2s infinite;
                color: #FF4081;
            }

            @-webkit-keyframes pulse {
                0% {
                    -webkit-transform: translate(0, 0);
                    transform: translate(0, 0);
                }

                50% {
                    -webkit-transform: translate(0, 10px);
                    transform: translate(0, 10px);
                }

                100% {
                    -webkit-transform: translate(0, 0);
                    transform: translate(0, 0);
                }
            }

            @keyframes pulse {
                0% {
                    -webkit-transform: translate(0, 0);
                    transform: translate(0, 0);
                }

                50% {
                    -webkit-transform: translate(0, 10px);
                    transform: translate(0, 10px);
                }

                100% {
                    -webkit-transform: translate(0, 0);
                    transform: translate(0, 0);
                }
            }

            .octocat {
                position: absolute;
                top: 20px;
                right: 20px;
                width: 80px;
            }

            .octocat img {
                display: block;
                width: 100%;
            }

            .chevron::before {
                border-style: solid;
                border-width: 0.25em 0.25em 0 0;
                content: '';
                display: inline-block;
                height: 20px;
                position: relative;
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                vertical-align: top;
                width: 20px;
            }

            .chevron.right:before {
                left: 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .chevron.bottom:before {
                top: 0;
                -webkit-transform: rotate(135deg);
                -ms-transform: rotate(135deg);
                transform: rotate(135deg);
            }

            .chevron.left:before {
                left: 0.25em;
                -webkit-transform: rotate(-135deg);
                -ms-transform: rotate(-135deg);
                transform: rotate(-135deg);
            }

            /**
             * Sections
             */
            .section {
                width: 100%;
                float: left;
            }

            .section-title {
                text-align: center;
                color: #FFF;
                text-transform: uppercase;
                font-weight: normal;
                padding: 30px 0;
                border-top: 1px solid rgba(255, 255, 255, 0.3);
                border-bottom: 1px solid rgba(255, 255, 255, 0.3);
                width: 100%;
                clear: both;
            }

            .container {
                width: 970px;
                margin: 0 auto;
                max-width: 90%;
                -webkit-transform: translateZ(1000px);
                transform: translateZ(1000px);
            }

            .code {
                width: 40%;
                clear: both;
                height: 200px;
                background: #FFF;
                border-radius: 2px;
                margin: 12vh 0;
                padding: 10px;
            }

            .code pre, .code code {
                height: 100%;
                margin: 0;
            }

            .code code {
                padding: 20px 0 0 20px;
            }

            .code--small code {
                padding-top: 75px;
            }

            .code--left {
                float: left;
            }

            .code--right {
                float: right;
            }

            .code--wider {
                width: 60%;
            }

            .code--wider code {
                padding-top: 60px;
            }

            .section--more {
                color: #FFF;
                background: #0E0F34;
                padding: 20px 0 40px 0;
            }

            .section-group {
                border-bottom: 1px solid rgba(255, 255, 255, 0.2);
                padding: 30px 0;
            }

            .section-group h3 {
                margin: 0 0 20px 0;
                text-transform: uppercase;
            }

            .section-group h4 {
                font-weight: normal;
                color: rgba(255, 255, 255, 0.6);
            }

            .section-group code {
                padding: 20px;
                font-size: 1.2em;
            }

            .section-group .btn {
                margin-right: 20px;
            }

            .btn {
                padding: 10px 20px;
                border: 1px solid #FF4081;
                display: inline-block;
                position: relative;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
                overflow: hidden;
            }

            .btn:before {
                content: '';
                position: absolute;
                left: 0;
                right: 0;
                width: 1px;
                top: 0;
                bottom: 0;
                margin: auto;
                background: #FF4081;
                -webkit-transition: -webkit-transform 0.2s ease;
                transition: transform 0.2s ease;
                z-index: 0;
                opacity: 0;
            }

            .btn span {
                position: relative;
                z-index: 5;
            }

            .btn:hover {
                color: #FFF;
            }

            .btn:hover:before {
                -webkit-transform: scaleX(200);
                -ms-transform: scaleX(200);
                transform: scaleX(200);
                opacity: 1;
            }

            body, html {
                height: 100%;
                padding: 0;
                margin: 0;
            }

            body {
                font-size: 13px;
                font-family: "Microsoft YaHei" !important;
                color: #4d4d4d;
            }

            ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, form {
                padding: 0;
                margin: 0;
                list-style: none;
                list-style-position: outside
            }

            h1, h2, h3, h4, h5 {
                font-size: 14px;
            }

            img {
                border: 0;
                vertical-align: middle;
            }

            em {
                font-style: normal
            }

            ul, ul li {
                padding: 0px;
                margin: 0px;
            }

            input, textarea, button {
                outline: none !important;
                resize: none;
            }

            a {
                color: #4d4d4d;
                text-decoration: none
            }

            a:hover {
                color: #000;
                text-decoration: none
            }

            a:focus {
                outline: none;
                -moz-outline: none;
            }

            /** input textarea **/
            textarea, input[type="text"], input[type="password"] {
                padding-left: 10px;
                -webkit-transition: border linear .2s, box-shadow linear .2s;
                -moz-transition: border linear .2s, box-shadow linear .2s;
                -o-transition: border linear .2s, box-shadow linear .2s;
                transition: border linear .2s, box-shadow linear .2s;
            }

            textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
                border-color: #52a8ec !important;
                -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
                -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            }

            input[type="radio"], input[type="checkbox"] {
                margin: 4px 0 0;
                margin-top: 1px \9;
                *margin-top: 0;
                line-height: normal;
            }

            input[readonly] {
                background: #f0f0f0 !important;
            }

            input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
                color: #ccc;
            }

            input:-moz-placeholder, textarea:-moz-placeholder {
                color: #ccc;
            }

            input::-moz-placeholder, textarea::-moz-placeholder {
                color: #ccc;
            }

            input:-ms-input-placeholder, textarea:-ms-input-placeholder {
                color: #ccc;
            }

            input::-ms-clear, input::-ms-reveal {
                display: none
            }

            input:-webkit-autofill { /**chrome auto background-color**/
                -webkit-box-shadow: 0 0 0px 1000px white inset;
            }

            /**/
            .clearfix:after {
                content: "";
                display: table;
                height: 0px;
                width: 100%;
                clear: both; /**/
                visibility: hidden;
            }

            /***main begin***/
            @media screen and (min-width: 950px) {
                body {
                    background: #00b7d9 url(/ewm/img/loginbg.png) no-repeat bottom center;
                    height: 100%;
                }


                /*鏀堕摱鍙�*/
                .wrapper {
                    width: 100%;
                    background: #fafbfa;
                }

                .wd900 {
                    width: 800px;
                    background: #fff;
                    border-radius: 20px;
                    box-shadow: 3px 3px 5px #000;
                    margin: 20px auto;
                    padding: 40px 20px;
                }

                .tips {
                    border: 1px solid #fd7700;
                    color: #fd7700;
                    font-size: 12px;
                    text-align: center;
                    margin: 14px auto;
                    padding: 5px;
                }

                .mbbg {
                    background: url(/ewm/img/mb.png) no-repeat center top;
                    height: 610px;
                    width: 300px;
                    overflow: hidden;
                    text-align: center;
                    margin: 0 auto;
                }

                .h40 {
                    height: 40px;
                }

                /* Begin alston wang */
                .fl {
                    float: left;
                }

                .fr {
                    float: right;
                }

                .wd50pc {
                    width: 50%;
                }

                .lh35 {
                    line-height: 35px;
                }

                .lh30 {
                    line-height: 30px;
                }

                .p40 {
                    padding: 40px;
                }

                .p30 {
                    padding: 30px;
                }

                .p20 {
                    padding: 20px;
                }

                .p10 {
                    padding: 10px;
                }

                .p5 {
                    padding: 5px;
                }

                .m5 {
                    margin: 5px;
                }

                .m10 {
                    margin: 10px;
                }

                .m20 {
                    margin: 20px;
                }

                .mfont {
                    color: #2e3030;
                }

                .black, .black a {
                    color: #000;
                }

                .black a:hover {
                    color: #333;
                }

                .sblack {
                    color: #222;
                }

                .mgreen {
                    color: #a3cc92;
                }

                .dgreen {
                    color: #1e9212;
                }

                .dblue {
                    color: #1f71cd;
                }

                .red {
                    color: #fd7700;
                }

                .sgray {
                    color: #7d7d7d;
                }

                .mgray {
                    color: #b1b7bb;
                }

                .mblue {
                    color: #819aa1;
                }

                .fs12 {
                    font-size: 12px;
                }

                .fs13 {
                    font-size: 13px;
                }

                .fs14 {
                    font-size: 14px;
                }

                .fs16 {
                    font-size: 16px;
                }

                .fs18 {
                    font-size: 18px;
                }

                .fs22 {
                    font-size: 22px;
                }

                .fs30 {
                    font-size: 2.3rem;
                }

                .fs35 {
                    font-size: 35px;
                }

                .fs55 {
                    font-size: 55px;
                }

                .fsbld {
                    font-weight: bold;
                }

                .pl5 {
                    padding-left: 5px;
                }

                .pl20 {
                    padding-left: 20px;
                }

                .pl10 {
                    padding-left: 10px;
                }

                .pl30 {
                    padding-left: 30px;
                }

                .pl40 {
                    padding-left: 40px;
                }

                .pr5 {
                    padding-right: 5px;
                }

                .pr20 {
                    padding-right: 20px;
                }

                .pr10 {
                    padding-right: 10px;
                }

                .pr30 {
                    padding-right: 30px;
                }

                .mt10 {
                    margin-top: 10px;
                }

                .mt20 {
                    margin-top: 20px;
                }

                .mt30 {
                    margin-top: 30px;
                }

                .mt50 {
                    margin-top: 50px;
                }

                .mt40 {
                    margin-top: 20px;
                }

                .mt60 {
                    margin-top: 60px;
                }

                .mt150 {
                    margin-top: 150px;
                }

                .mt220 {
                    margin-top: 192px;
                }

                .mb5 {
                    margin-bottom: 5px;
                }

                .mb10 {
                    margin-bottom: 10px;
                }

                .mb100 {
                    margin-bottom: 100px;
                }

                .mb150 {
                    margin-bottom: 150px;
                }

                .mb200 {
                    margin-bottom: 200px;
                }

                .mb500 {
                    margin-bottom: 500px;
                }

                .mt200 {
                    margin-top: 200px;
                }

                .ml10 {
                    margin-left: 10px;
                }

                .ml20 {
                    margin-left: 20px;
                }

                .ml30 {
                    margin-left: 30px;
                }

                .ml70 {
                    margin-left: 260px;
                }

                .mr20 {
                    margin-right: 20px;
                }

                .pt5 {
                    padding-top: 5px;
                }

                .pt10 {
                    padding-top: 10px;
                }

                .pt30 {
                    padding-top: 30px;
                }

                .pt20 {
                    padding-top: 20px;
                }

                .pt50 {
                    padding-top: 50px;
                }

                .pb10 {
                    padding-bottom: 10px;
                }

                .pb30 {
                    padding-bottom: 30px;
                }

                .pb20 {
                    padding-bottom: 20px;
                }

                .dp {
                    display: block;
                }

                .ml10x {
                    margin-left: 60px;
                }

                .txl {
                    text-align: left;
                }

                .txr {
                    text-align: right;
                }

                .txc {
                    text-align: center;
                }

                .h239 {
                    height: 160px;
                }

                .h200 {
                    height: 200px;
                }

                .h400 {
                    height: 400px;
                }

                .snum font {
                    font-size: 25px;
                    color: #819aa1;
                }

                .txtcontent, .txtcontent div, .txtcontent p, .txtcontent span {
                    font-size: 16px;
                    line-height: 35px;
                    color: #222;
                }


            }

            @media (min-width: 450px) and (max-width: 950px) {

                body {
                    background: #f2f2f2;
                }

                /*鏀堕摱鍙�*/
                .wrapper {
                    width: 100%;
                    background: #fafbfa;
                }

                .wd900 {
                    width: 100%;
                    background: #fff;
                    border-radius: 20px;
                    box-shadow: 3px 3px 5px #cdcdcd;
                    margin: 20px auto;
                    padding: 40px 20px;
                }

                .tips {
                    border: 1px solid #fd7700;
                    color: #fd7700;
                    font-size: 12px;
                    text-align: center;
                    margin: 14px auto;
                    padding: 5px;
                    border-radius: 10px;
                }

                .mbbg {
                    background: url(/ewm/img/mb.png) no-repeat center top;
                    height: 610px;
                    width: 300px;
                    overflow: hidden;
                    text-align: center;
                    margin: 0 auto;
                }

                .h40 {
                    height: 40px;
                }

                /* Begin alston wang */
                .fl {
                    float: left;
                }

                .fr {
                    float: right;
                }

                .wd220 {
                    width: 220px;
                }

                .wd400 {
                    width: 400px;
                }

                .wd10pc {
                    width: 10%;
                }

                .wd20pc {
                    width: 20%;
                }

                .wd40pc {
                    width: 40%;
                }

                .wd50pc {
                    width: 50%;
                }

                .wd60pc {
                    width: 60%;
                }

                .wd80pc {
                    width: 80%;
                }

                .wd30pc {
                    width: 30%;
                }

                .wd33pc {
                    width: 33.3%;
                }

                .wd100pc {
                    width: 100%;
                }

                .wd1100 {
                    width: 1100px;
                    margin: 0 auto;
                }

                .lh35 {
                    line-height: 35px;
                }

                .lh30 {
                    line-height: 30px;
                }

                .p40 {
                    padding: 40px;
                }

                .p30 {
                    padding: 30px;
                }

                .p20 {
                    padding: 20px;
                }

                .p10 {
                    padding: 10px;
                }

                .p5 {
                    padding: 5px;
                }

                .m5 {
                    margin: 5px;
                }

                .m10 {
                    margin: 10px;
                }

                .m20 {
                    margin: 20px;
                }

                .mfont {
                    color: #2e3030;
                }

                .black, .black a {
                    color: #000;
                }

                .black a:hover {
                    color: #333;
                }

                .sblack {
                    color: #222;
                }

                .mgreen {
                    color: #a3cc92;
                }

                .dgreen {
                    color: #1e9212;
                }

                .dblue {
                    color: #1f71cd;
                }

                .red {
                    color: #fd7700;
                }

                .sgray {
                    color: #7d7d7d;
                }

                .mgray {
                    color: #b1b7bb;
                }

                .mblue {
                    color: #819aa1;
                }

                .fs12 {
                    font-size: 12px;
                }

                .fs13 {
                    font-size: 13px;
                }

                .fs14 {
                    font-size: 14px;
                }

                .fs16 {
                    font-size: 16px;
                }

                .fs18 {
                    font-size: 18px;
                }

                .fs22 {
                    font-size: 22px;
                }

                .fs30 {
                    font-size: 2.3rem;
                }

                .fs35 {
                    font-size: 35px;
                }

                .fs55 {
                    font-size: 55px;
                }

                .fsbld {
                    font-weight: bold;
                }

                .pl5 {
                    padding-left: 5px;
                }

                .pl20 {
                    padding-left: 20px;
                }

                .pl10 {
                    padding-left: 10px;
                }

                .pl30 {
                    padding-left: 30px;
                }

                .pl40 {
                    padding-left: 40px;
                }

                .pr5 {
                    padding-right: 5px;
                }

                .pr20 {
                    padding-right: 20px;
                }

                .pr10 {
                    padding-right: 10px;
                }

                .pr30 {
                    padding-right: 30px;
                }

                .mt10 {
                    margin-top: 10px;
                }

                .mt20 {
                    margin-top: 20px;
                }

                .mt30 {
                    margin-top: 30px;
                }

                .mt50 {
                    margin-top: 50px;
                }

                .mt40 {
                    margin-top: 40px;
                }

                .mt60 {
                    margin-top: 60px;
                }

                .mt150 {
                    margin-top: 150px;
                }

                .mt220 {
                    margin-top: 192px;
                }

                .mb5 {
                    margin-bottom: 5px;
                }

                .mb10 {
                    margin-bottom: 10px;
                }

                .mb100 {
                    margin-bottom: 100px;
                }

                .mb150 {
                    margin-bottom: 150px;
                }

                .mb200 {
                    margin-bottom: 200px;
                }

                .mb500 {
                    margin-bottom: 500px;
                }

                .mt200 {
                    margin-top: 200px;
                }

                .ml10 {
                    margin-left: 10px;
                }

                .ml20 {
                    margin-left: 20px;
                }

                .ml30 {
                    margin-left: 30px;
                }

                .ml70 {
                    margin-left: 260px;
                }

                .mr20 {
                    margin-right: 20px;
                }

                .pt5 {
                    padding-top: 5px;
                }

                .pt10 {
                    padding-top: 10px;
                }

                .pt30 {
                    padding-top: 30px;
                }

                .pt20 {
                    padding-top: 20px;
                }

                .pt50 {
                    padding-top: 50px;
                }

                .pb10 {
                    padding-bottom: 10px;
                }

                .pb30 {
                    padding-bottom: 30px;
                }

                .pb20 {
                    padding-bottom: 20px;
                }

                .dp {
                    display: block;
                }

                .ml10x {
                    margin-left: 60px;
                }

                .txl {
                    text-align: left;
                }

                .txr {
                    text-align: right;
                }

                .txc {
                    text-align: center;
                }

                .h239 {
                    height: 160px;
                }

                .h200 {
                    height: 200px;
                }

                .h400 {
                    height: 400px;
                }

                .snum font {
                    font-size: 25px;
                    color: #819aa1;
                }

                .txtcontent, .txtcontent div, .txtcontent p, .txtcontent span {
                    font-size: 16px;
                    line-height: 35px;
                    color: #222;
                }


                /*index*/
                .wd1200 {
                    width: 1200px;
                    margin: 0 auto;
                }

                .banners {
                    text-align: center;
                    padding: 10px 0;
                }

                .mainfocus {
                    background: #faf8f5;
                    padding: 10px 0 40px 0;
                    width: 100%;
                }

                .mfac span {
                    text-align: center;
                    padding-top: 20px;
                }

                .mfac span h2 {
                    font-size: 18px;
                    text-align: center;
                    padding-bottom: 15px;
                }

                .qdad {
                    background: #f5f9fa;
                    padding: 40px;
                }

                .qdad p {
                    color: #a3a3a3;
                    font-size: 16px;
                }

                .qdad p strong {
                    font-size: 50px;
                    font-weight: 500;
                    font-family: "Arial";
                    color: #111;
                }
            }

            @media (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
                body {
                    background: url(/ewm/img/mbg.jpg) no-repeat center center fixed;
                    -webkit-background-size: cover;
                    -moz-background-size: cover;
                    -o-background-size: cover;
                    background-size: cover;
                }

                .wd900 {
                    width: 100%;
                }

                .wd50pc {
                    width: 100%;
                }

                .lh35 {
                    line-height: 35px;
                }

                .lh30 {
                    line-height: 30px;
                }

                .p40 {
                    padding: 40px;
                }

                .p30 {
                    padding: 30px;
                }

                .p20 {
                    padding: 20px;
                }

                .p10 {
                    padding: 10px;
                }

                .p5 {
                    padding: 5px;
                }

                .m5 {
                    margin: 5px;
                }

                .m10 {
                    margin: 10px;
                }

                .m20 {
                    margin: 20px;
                }

                .mfont {
                    color: #2e3030;
                }

                .black, .black a {
                    color: #000;
                }

                .black a:hover {
                    color: #333;
                }

                .sblack {
                    color: #222;
                }

                .mgreen {
                    color: #a3cc92;
                }

                .dgreen {
                    color: #1e9212;
                }

                .dblue {
                    color: #1f71cd;
                }

                .red {
                    color: #fd7700;
                }

                .sgray {
                    color: #7d7d7d;
                }

                .mgray {
                    color: #fff;
                }

                .mblue {
                    color: #819aa1;
                }

                .fs12 {
                    font-size: 12px;
                }

                .fs13 {
                    font-size: 13px;
                }

                .fs14 {
                    font-size: 14px;
                }

                .fs16 {
                    font-size: 16px;
                }

                .fs18 {
                    font-size: 18px;
                }

                .fs22 {
                    font-size: 22px;
                }

                .fs30 {
                    font-size: 2.3rem;
                }

                .fs35 {
                    font-size: 35px;
                }

                .fs55 {
                    font-size: 55px;
                }

                .fsbld {
                    font-weight: bold;
                }

                .pl5 {
                    padding-left: 5px;
                }

                .pl20 {
                    padding-left: 20px;
                }

                .pl10 {
                    padding-left: 10px;
                }

                .pl30 {
                    padding-left: 30px;
                }

                .pl40 {
                    padding-left: 40px;
                }

                .pr5 {
                    padding-right: 5px;
                }

                .pr20 {
                    padding-right: 20px;
                }

                .pr10 {
                    padding-right: 10px;
                }

                .pr30 {
                    padding-right: 30px;
                }

                .mt10 {
                    margin-top: 10px;
                }

                .mt20 {
                    margin-top: 20px;
                }

                .mt30 {
                    margin-top: 30px;
                }

                .mt50 {
                    margin-top: 50px;
                }

                .mt40 {
                    margin-top: 40px;
                }

                .mt60 {
                    margin-top: 60px;
                }

                .mt150 {
                    margin-top: 150px;
                }

                .moblie {
                    display: none;
                }

                .mb5 {
                    margin-bottom: 5px;
                }

                .mb10 {
                    margin-bottom: 10px;
                }

                .mb100 {
                    margin-bottom: 100px;
                }

                .mb150 {
                    margin-bottom: 150px;
                }

                .mb200 {
                    margin-bottom: 200px;
                }

                .mb500 {
                    margin-bottom: 500px;
                }

                .mt220 {
                    margin-top: 50px;
                }

                .mt200 {
                    margin-top: 200px;
                }

                .ml10 {
                    margin-left: 10px;
                }

                .ml20 {
                    margin-left: 20px;
                }

                .ml30 {
                    margin-left: 30px;
                }

                .ml70 {
                    margin-left: 260px;
                }

                .mr20 {
                    margin-right: 20px;
                }

                .pt5 {
                    padding-top: 5px;
                }

                .pt10 {
                    padding-top: 10px;
                }

                .pt30 {
                    padding-top: 30px;
                }

                .pt20 {
                    padding-top: 20px;
                }

                .pt50 {
                    padding-top: 50px;
                }

                .pb10 {
                    padding-bottom: 10px;
                }

                .pb30 {
                    padding-bottom: 30px;
                }

                .pb20 {
                    padding-bottom: 20px;
                }

                .dp {
                    display: block;
                }

                .ml10x {
                    margin-left: 60px;
                }

                .txl {
                    text-align: left;
                }

                .txr {
                    text-align: right;
                }

                .txc {
                    text-align: center;
                }

                .h239 {
                    height: 160px;
                }

                .h200 {
                    height: 200px;
                }

                .h400 {
                    height: 400px;
                }

                .snum font {
                    font-size: 25px;
                    color: #819aa1;
                }

                .mbbg {
                    text-align: center;
                    margin-top: -3rem
                }

                .tips {
                    padding: 0 20px;
                    line-height: 30px;
                    text-align: center;
                }

            }


            /*footer*/
            .footer {
            }

            .wx img {
                display: table-cell;
                vertical-align: middle;
            }

            .ftp h2 {
                font-size: 16px;
                font-weight: 800;
            }
        </style>
        <script src="/ewm/img/jquery-1.8.0.js" type="text/javascript"></script>
        <style>
            .payicon img {
                margin: 0.1rem
            }
        </style>
    </head>
    <body>

        <div class="warper">
            <div class="wd900">
                <div class="wd50pc fl" aos="fade-right">
                    <p class="txc">
                        <img src="/ewm/img/yinlianpay.png">
                    </p>
                    <div class="tips mt10">订单号：{$order_id}</div>
                    <div class="mt0 txc"><span class="mgray">支付金额：</span><span class="fs22 red">¥{$cash}</span><i>元</i></div>
                    <div class="mt60 txr moblie">
                        <img src="/ewm/img/tips.png">
                    </div>
                </div>
                <div class="wd50pc fr">
                    <div class="mbbg" aos="fade-left">
                        <div style="margin-top:5.5rem">
                            <img src="{$img}" style="width: 188px; height: 188px;">
                        </div>
                        <div class="mtx mt20" style="font-size: 15px;">
                            请用云闪付APP扫码支付
                            <!--同时支持各大银行APP扫码支付-->
                            <br/>
                            <b style="color:red;"> 随机立减最高888元！</b>
                            <br/><br/>

                            <!--
                                                        <div class="payicon">
                                                            <img src="/ewm/img/icbc.png" style="width:2rem;height:2rem"/>
                                                            <img src="/ewm/img/abc.png" style="width:2rem;height:2rem"/>
                                                            <img src="/ewm/img/bc.png" style="width:2rem;height:2rem"/>
                                                            <img src="/ewm/img/ccb.png" style="width:2rem;height:2rem"/>
                                                            <img src="/ewm/img/cmb.png" style="width:2rem;height:2rem"/>
                                                            <img src="/ewm/img/more.png" style="width:2rem;height:2rem"/>
                                                            <br/>
                                                            <img src="/ewm/img/ysf.png" style="width:2rem;height:2rem; margin-left:-3px"/>
                                                            <img src="/ewm/img/ylqb.png" style="width:2rem;height:2rem"/>
                                                            <img src="/ewm/img/mt.png" style="width:2rem;height:2rem"/>
                                                            <img src="/ewm/img/jd.png" style="width:2rem;height:2rem"/>
                                                            <img src="/ewm/img/dzdp.png" style="width:2rem;height:2rem"/>
                                                            <img src="/ewm/img/ap.png" style="width:2rem;height:2rem"/>
                                                        </div>
                            -->

                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <input type="hidden" id="ismobile" value="true"/>
        <!--footer end-->
        <div style="z-index:9999; width:100%;height:100%; position:fixed;top:0;left:0; display:none" id="guide">

        </div>

        <script>
            AOS.init({
                easing: 'ease-out-back',
                duration: 1000
            });
        </script>
        <script type="text/javascript">
            $(function () {
                //判断是否是手机
                var mobile_flag = isMobile();
                if (mobile_flag) {

                    var guideIndex = 1;

                    if ($("#ismobile").val() == "true") {
                        guideIndex = 1;
                        $("#guide").show().css("background", "url(/ewm/img/guide1.jpg) no-repeat").css("background-size", "100% 100%");
                        $(".warper").hide();
                    }

                    $("#guide").click(function () {
                        if (guideIndex == 1) {
                            guideIndex = 2;
                            $("#guide").show().css("background", "url(/ewm/img/guide2.jpg) no-repeat").css("background-size", "100% 100%");
                            $(".warper").hide();
                        } else {
                            guideIndex = 3;
                            $("#guide").hide()
                            $(".warper").show();
                        }
                    })

                }
            })


            function isMobile() {
                var userAgentInfo = navigator.userAgent;

                var mobileAgents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];

                var mobile_flag = false;

                //根据userAgent判断是否是手机
                for (var v = 0; v < mobileAgents.length; v++) {
                    if (userAgentInfo.indexOf(mobileAgents[v]) > 0) {
                        mobile_flag = true;
                        break;
                    }
                }
                var screen_width = window.screen.width;
                var screen_height = window.screen.height;

                //根据屏幕分辨率判断是否是手机
                if (screen_width < 500 && screen_height < 800) {
                    mobile_flag = true;
                }

                return mobile_flag;
            }


        </script>
    </body>
</html>